<template>
    <div class="box">
        <h4>Child组件</h4>
        <div class="box1">
            <slot>这是默认内容</slot>
        </div>
        <hr>
        <div class="box2">
            <slot name="boy">哈哈哈</slot>
        </div>
        <hr>
        <div class="box3">
            <slot name="dog" :info="info" :intro="intro" hobby="烫头">小狗</slot>
        </div>
    </div>
</template>

<script>
export default {
    name: "Child",
    props: ['info', 'intro']
}
</script>

<style scoped>

</style>